<template>
	<view class="container">
		<view class="bd">
			<view class="uni-inline-item hd">
				<view class="side">排名</view>
				<view class="uni-flex-item">门店</view>
				<view class="sideright">查询次数</view>
			</view>
			<view class="uni-inline-item">
				<view class="side">
					<image mode="widthFix" src="../../static/images/rank_01.png" class="img"></image>
				</view>
				<view class="uni-flex-item">
					<image mode="widthFix" src="../../static/images/c.png" class="pic"></image> 玖鼎之家
				</view>
				<view class="sideright">
					99
				</view>
			</view>
			<view class="uni-inline-item">
				<view class="side">
					<image mode="widthFix" src="../../static/images/rank_02.png" class="img"></image>
				</view>
				<view class="uni-flex-item">
					<image mode="widthFix" src="../../static/images/c.png" class="pic"></image> 玖鼎之家
				</view>
				<view class="sideright">
					99
				</view>
			</view>
			<view class="uni-inline-item">
				<view class="side">
					<image mode="widthFix" src="../../static/images/rank_03.png" class="img"></image>
				</view>
				<view class="uni-flex-item">
					<image mode="widthFix" src="../../static/images/c.png" class="pic"></image> 玖鼎之家
				</view>
				<view class="sideright">
					99
				</view>
			</view>
			<view class="uni-inline-item">
				<view class="side">4</view>
				<view class="uni-flex-item">
					<image mode="widthFix" src="../../static/images/c.png" class="pic"></image> 玖鼎之家
				</view>
				<view class="sideright">
					99
				</view>
			</view>
			<view class="uni-inline-item">
				<view class="side">5</view>
				<view class="uni-flex-item">
					<image mode="widthFix" src="../../static/images/c.png" class="pic"></image> 玖鼎之家
				</view>
				<view class="sideright">
					99
				</view>
			</view>
			<view class="uni-inline-item">
				<view class="side">6</view>
				<view class="uni-flex-item">
					<image mode="widthFix" src="../../static/images/c.png" class="pic"></image> 玖鼎之家
				</view>
				<view class="sideright">
					99
				</view>
			</view>
			<view class="uni-inline-item">
				<view class="side">7</view>
				<view class="uni-flex-item">
					<image mode="widthFix" src="../../static/images/c.png" class="pic"></image> 玖鼎之家
				</view>
				<view class="sideright">
					99
				</view>
			</view>
			<view class="uni-inline-item">
				<view class="side">8</view>
				<view class="uni-flex-item">
					<image mode="widthFix" src="../../static/images/c.png" class="pic"></image> 玖鼎之家
				</view>
				<view class="sideright">
					99
				</view>
			</view>
		</view>
	</view>
</template>


<script>
	export default {
		data() {
			return {

			}

		},

		methods: {

		}
	}
</script>

<style>
	page {
		background: #F3F3F3;
		padding: 30rpx;
	}

	.container .pic {
		width: 80rpx;
		height: 80rpx;
		border-radius: 50%;
		margin-right: 20rpx;
	}

	.container .hd {
		font-weight: bold;
	}

	.container .uni-inline-item {
		padding-bottom: 40rpx;
	}

	.container .side {
		width: 60rpx;
		text-align: center;
		margin-right: 60rpx;
	}

	.container .img {
		width: 48rpx;
		height: 60rpx;
	}

	.container .bd {
		background-color: #fff;
		min-height: 1000rpx;
		border-radius: 14rpx;
		padding: 40rpx;
	}

	.container .sideright {
		text-align: center;
		width: 140rpx;
	}
</style>
